<template>
  <div class="flow-row-container">
    <EventNode v-if="node && node.type == 5" :node="node"  />
    <BranchNode v-if="node && node.type == 4" :node="node"  />
    <ParallelNode v-if="node && node.type == 9" :node="node"  />
    <PolymerizeNode v-if="node && node.type == 11" :node="node" />
    <ServiceFlowNode v-if="node && node.childNode && node.childNode.hasOwnProperty('id')" :node="node.childNode"  />
  </div>
</template>
<script lang="ts" setup name="ServiceFlowNode">
  import EventNode from './event/index.vue';
  import BranchNode from './branch/index.vue';
  import ParallelNode from './branch/Parallel.vue';
  import PolymerizeNode from './branch/Polymerize.vue';
  //------------------接收传入参数(组件)-------------------
  const props = defineProps({
    node: {
      type: Object,
      default: function() {
        return {};
      },
    },
  })

</script>
